<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  <!-- 主题内容区 -->
  <div class="cont">
    <!-- 上面的导航--跑步--骑行--课程训练 -->
    <div class="navg">
      <div class="navg-ct">
        <div class="navg-running navgtxt runactive ">跑步</div>
        <div class="navg-riding navgtxt ">骑行</div>
        <div class="navg-training navgtxt ">课程训练</div>
      </div>

    </div>
    <!-- 内容区 -->
    <div class="main">

      <!-- 跑步区的内容 -->
      <div class="main-running maintxt ">
        <!-- go -->
        <a href="./sporting.html" class="go">
            GO
        </a>
         <!-- 目前累积骑行距离: -->
         <div class="now">
          <p class="p1">目前累积骑行距离: </p>
          <div class="distance df aic">
            <div class="dist">
              999.99
            </div>
            <div class="ds">
              公里
            </div>
          </div>
        </div>
        <!-- 户外跑 燃 脂跑 跑步机 -->
        <div class="ot df jcsb">
          <div class="outrun">户外跑</div>
          <div class="fat">燃脂跑</div>
          <div class="thread">跑步机</div>
        </div>
        <!-- 地图 -->
        <div class="map" id="container">
          
        </div>
        <!-- // 路线 -->
        <div class="path">
          <div class="pt1">骑行路线</div>
          <div class="pt2">使用骑行路线, 邂逅附近的骑行达人</div>
        </div>
        <!-- 设置和音乐图标 -->
        <div class="ic df">
          <div class="v1">
            <div class="set iconfont icon-shezhi1"></div>
          </div>
         <div class="v2">
          <div class="mus iconfont icon-yinle"></div>
         </div>
        </div>
        

      </div>


      <!-- 骑行 -->
      <div  class="main-riding maintxt dpnone">
          <!-- go -->
          <a href="./sporting.html" class="go">
            GO
          </a>
        <!-- 目前累积骑行距离: -->
        <div class="now">
          <p class="p1">目前累积骑行距离: </p>
          <div class="distance df aic">
            <div class="dist">
              999.99
            </div>
            <div class="ds">
              公里
            </div>
          </div>
        </div>
        <!-- 地图 -->
        <div class="map" id="container2">
          
        </div>
        <!-- // 路线 -->
        <div class="path">
          <div class="pt1">骑行路线</div>
          <div class="pt2">使用骑行路线, 邂逅附近的骑行达人</div>
        </div>
        <!-- 设置和音乐图标 -->
        <div class="ic df">
          <div class="v1">
            <div class="set iconfont icon-shezhi1"></div>
          </div>
         <div class="v2">
          <div class="mus iconfont icon-yinle"></div>
         </div>
        </div>

      </div>

      <!-- 课程训练 -->
      <div class="main-training maintxt dpnone">
        <div class="ddv1">
          <!-- <a href="./course-detail.html" class="new-course"> -->
          <!-- <h3 class="txt">最新课程</h3>
          <div class="panl">
            <img id="img1" src="../../assets/imgs/advertisement-bg.jpg" >
            <p class="txt2">巧克力腹肌雕刻</p>
            <p class="txt3">一场痛快淋漓的父级撕裂体验, 虐出你的巧克力腹肌 !</p>
           
          </div> -->
        <!-- </a> -->
        </div>

        <div class="course">
          <h3>课程</h3>
         <div class="dv">
          <!-- <div class="course-item">
            <img src="../../assets/imgs/advertisement-bg.jpg" class="img" />
            <div class="info">
              <div class="title">徒手胸肌训练进阶</div>
              <div class="desc ">男生专属变式俯卧撑训练, 在家也能练出钢铁般的胸肌</div>
            </div>
          </div> -->
         </div>
         
        </div>

      </div>

    </div>


  </div>


  </div>

  <!-- 底部tabar -->
  <!-- <footer class="foot">
    <a href="./home.html">
      <span class="iconfont icon-shouye "></span>
      <p class="">首页</p>
    </a>
    <a href="" class="active">
      <span class="iconfont icon-aixin"></span>
      <p>运动</p>
    </a>
    <a href="#">
      <span class="iconfont icon-wode-"></span>
      <p>圈子</p>
    </a>
    <a href="#">
      <span class="iconfont icon-quanzi"></span>
      <p>我的</p>
    </a>

  </footer> -->
  <script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode:'f6888746a6f0736e9c9cb31a41132023',
    }
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=8e7de399e9aa005f7a9c09c5d62dbfd6"></script> 
  <script src="../../lib/swiper/swiper-bundle.min.js"></script>
</body>

</html>